// 文章列表
// const BASE_URL = 'http://api-breakingnews-web.itheima.net'

let total = 0
let query = {
  pagenum: 1, // 页码 第几页
  pagesize: 4, // 每页多少条数据
  cate_id: '', // 类型
  state: '' // 状态 已发布/草稿
}

// 第一个功能：获取文章数据
function loadList() {
  articleListd(query, res => {
    total = res.data.total
    setPage()

    $('tbody').empty()

    res.data.data.forEach(v => {
      let theTr = `<tr>
                    <td>${v.title}</td>
                    <td>${v.cate_name}</td>
                    <td>${moment(v.pub_date).format('YYYY-MM-DD hh:mm:ss a')}</td>
                    <td>${v.state}</td>
                    <th>
                    <button myid="${
                      v.Id
                    }" type="button" class="layui-btn layui-btn-xs layui-btn-danger del">删除</button>
                    </th>
                  </tr>`
      $('tbody').append(theTr)
    })
  })
}
loadList()

// 展示类别
function loadCates() {
  articleCates(res => {
    res.data.data.forEach(v => {
      let theOption = `<option value="${v.Id}" lay-verify="cate">${v.name}</option>`
      $('select[name=category]').append(theOption)
    })
    layui.form.render('select', 'category')
  })
}
loadCates()

// 第三个功能
$('.search').on('submit', function (e) {
  e.preventDefault()

  query.cate_id = $('select[name=category]').val()
  query.state = $('select[name=state]').val()

  loadList()
})

// 分页
function setPage() {
  layui.laypage.render({
    elem: 'page', //注意，这里的 test1 是 ID，不用加 # 号
    count: total, //数据总数，从服务端得到
    limit: query.pagesize, // 设置每页的个数
    curr: query.pagenum, // 设置页码
    jump: function (obj, first) {
      if (!first) {
        // 修改参数
        query.pagenum = obj.curr
        query.pagesize = obj.limit
        // 发送请求
        loadList()
      }
    }
  })
}
setPage()

// 删除
$('tbody').on('click', '.del', function () {
  let id = $(this).attr('myid')

  // axios
  //   .get(`/my/article/delete/${id}`, {
  //     headers: {
  //       Authorization: localStorage.getItem('token')
  //     }
  //   })
  //   .then(res => {
  //     if (res.data.status === 0) {
  //       layer.msg(res.data.message, { icon: 1 })
  //       loadList()
  //     }
  //   })
  articleDel(id, res => {
    let { status, message } = res.data
    if (status === 0) {
      successMsg(message, () => {
        loadList()
      })
    }
  })
})
